var translation = require('../script/common/translation.js')

function up(str) {
  return String.prototype.toUpperCase.call(str)
}

var timebarArr = [
  'Récompense du 1èr tour 19/7 00:00-20/7 17:30',
  'Récompense du 2ème tour 21/7 00:00-22/7 17:30',
  'Récompense du 3ème tour 23/7 00:00-24/7 17:30',
]
var pokemons = [
  'Diance', 'Zéroïd', 'Engloutyran', 'Lugia', 'Hoopa', 'Groudon', 'Uxie', 'Mouscoto', 'Giratina', 'Palkia'
]
var phrase = {
  ios: 'IOS',
  android: 'ANDROID',
  connect: 'CONNEXION',
  overview: (() => up('Aperçu de la récompense'))(),
  record: (() => up('Mon cadeau'))(),
  submit: 'Soumis',
  account: 'Compte:',
  password: 'Mots de passe:',
  serverSelect: 'Entrez le nom du serveur:',
  confirm: 'Confirmer'
}
module.exports = {
  links: {
    ios: 'https://trainerconquest.onelink.me/GjxD/7abb7c59',
    android: 'https://trainerconquest.onelink.me/GjxD/7abb7c59'
  },
  translation,
  phrase,
  event1: {
    title: "ÉVÉNEMENT 1: CADEAU POUR L'ANCIEN ENTRAÎNEUR",
    desc: "Pendant l'événement, l'ancien joueur qui revient et se connecte au jeu recevra un cadeau 9000 Diamond!",
    subTitle: 'CONDITIONS POUR DEVENIR UN ANCIEN ENTRAÎNEUR:',
    subDesc: "L'utilisateur qui s'est inscrit son compte avant 00:00 le 12/7, et qu'il ne s'est pas connecté pendant une durée de 00:00 le 12/7 à 00:00 le 19/7 et que sa connexion à la page de l'événement après 00:00 le 19/7 deviendra un ancien entraîneur et recevra un cadeau",
    list: (function () {
      var dom = '';
      var desc = [
        'Diamant*1000',
        'Éclat général*200',
        'Pierre d\'héritage Normale*1',
        'Ticket du Pays secret Avancé*5',
      ];
      ([...Array(4)]).forEach((item, i) => {
        dom += `<div class="item rpc-1">
          <div class="item-desc">
            <div class="cell">
              ${desc[i]}
            </div>
          </div>
        </div>`
      })
      return dom
    })()
  },
  event2: {
    title: (() => {
      return up("Événement 2: Quiz - Allons deviner")
    })(),
    desc: 'Il y a un total de 10 monstres dans l\'événement. Chaque fois, le système sélectionnera aléatoirement 5 d\'entre eux. Les joueurs devront deviner <br> "quels sont-ils, ces 5 monstres?". Plus des monstres sont devinés correctement, plus les récompenses seront grosses. <br> Il y a 3 tours de quiz dans cet événement. Veuillez soumettre votre réponse avant la fin de l\'événement.<span class="red"> 30 minutes</span> juste après la fin de chaque <br> tour, le résultat sera publié.',
    timebarArr,
    timebar: (function () {
      var dom = ''
      timebarArr.forEach((item, i) => {
        dom += `<div class="item gray">
          <div class="icon left"></div>
          <div class="icon right"></div>
          <div class="box">
            <div class="cell">${item}</div>
          </div>
        </div>`
      })
      return dom
    })(),
    pokemonList: (function () {
      var dom = ''
      pokemons.forEach((item, i) => {
        var name = pokemons[i]
        var classDefault = 'pokemon-name'
        if (name.length >= 8) {
          classDefault = 'pokemon-name short'
        }
        dom += `
          <div class="item rpc-2">
            <div class="pokemon-avatar">
              <div class="poke-g"></div>
              <div class="poke-l hide"></div>
              <div class="poke-c hide">
                <div class="icon left"></div>
                <div class="icon right"></div>
              </div>
            </div>
            <div class="${classDefault}">${name}</div>
          </div>
        `
      })
      return dom
    })(),
    pokemonListMB: (function () {
      var dom = ''
      pokemons.forEach((item, i) => {
        var name = pokemons[i]
        var classDefault = 'pokemon-name'
        if (name.length >= 6) {
          classDefault = 'pokemon-name short'
        }
        dom += `<div class="item rpc-3">
            <div class="pokemon-avatar">
              <div class="poke-g"></div>
              <div class="poke-l hide"></div>
              <div class="poke-c hide">
                <div class="icon left"></div>
                <div class="icon right"></div>
              </div>
            </div>
            <div class="${classDefault}">
              <span>${name}<span>
            </div>
          </div>`
      })
      return dom
    })(),

  },
  event3: {
    title: (() => {
      return up("Événement 3: Connexion pendant 7 jours")
    })(),
    desc: "Pendant l'événement, lorsque le joueur se connecte au jeu pendant un nombre de jours spécifié, il peut recevoir une récompense <br> correspondante, chaque récompense ne peut être collecté qu'une seule fois.",
    list: (function () {
      var dom = '';
      [...Array(7)].forEach((item, i) => {
        dom += `
          <div class="card rpc-4">
            <div class="pri"></div>
            <div class="btn gold" data-index="${i}">
              ${translation.get}
            </div>
          </div>
        `
      })
      return dom
    })(),
    listMb: (function () {
      var dom = '';
      [...Array(7)].forEach((item, i) => {
        dom += `
        <div class="card">
          <div class="item"></div>
          <div class="btn gold" data-index="${i}">
            ${translation.get}
          </div>
        </div>
        `
      })
      return dom
    })()



  },

  navIndex: (function () {
    var dom = '';
    var arr = [
      "Cadeau pour l'ancien entraîneur",
      'Quiz - Allons deviner!',
      'Connexion pendant 7 jours',
      'Fanpage',
    ];
    ([...Array(4)]).forEach((item, i) => {
      dom += `<div class="item">
        <div class="num">${i + 1}</div>
        <div class="txt">
          <div class="cell hide">${arr[i]}</div>
        </div>
        <div class="hover" data-index="${i}"></div>
      </div>`
    })
    return dom
  })(),
  overview: (function () {
    var arr = [
      '3 monstres devinés correctes',
      '4 monstres devinés correctes',
      '5 monstres devinés correctes'
    ]
    var dom = ''
    arr.forEach((item, i) => {
      dom += `
        <div class="item rpc-5">
          <div class="title">${item}</div>
          <div class="img"></div>
        </div>
      `
    })
    return dom
  })(),
  logged: (() => {
    return `
    <div class="logged hide">
      <div class="item username">
        <span></span>
      </div>
      <div class="item zonename hide">
        <span></span>
      </div>
      <div class="item rolename hide">
        <span></span>
      </div>
      <div class="item logout">[Quitter]</div>
    </div>
  `
  })()
}